@Repository
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th=
        "http://www.thymeleaf.org" lang="en">
<head th:replace="fragments/header :: head">
</head>
<body>
<div class="container">
  <div class="row">
    <div class="col-lg-9">
      <div class="my-4" >
      </div>
      <div class="row">
        <div th:each="book : ${books}" class="col-md-4">
          <div class="card border-light mb-3">
            <div class="card-body">
              <p> <a href="" th:href="@{/books/{bookId}(bookId=
${book.bookId})}">
                <img height="300px" src="" th:src="@{|/bookImage?bookId=
${book.bookId}|}"/>
              </a>
              </p>
              <h2>[[${book.bookPrice}]] 元</h2>
              <p class="card-text">[[${book.bookName}]]<br>[[${book.
                bookAuthor}]]</p>
              <a class="btn btn-outline-dark border border-white"
                 th:href="@{'/order/addBook/{bookId}'(bookId=${book.bookId})}">
                加入购物车
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</body>
</html>